<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery.min.js"></script>
    <script>
        function doAdd(){
            var tr=$("<tr></tr>");//创建tr元素
            //循环创建6列
            for(var i=1;i<=6;i++){
                if(i<=5){
                    var td=$("<td>td"+i+"</td>");
                }else{
                    var td=$("<td><input type='button' value='删除' onclick='doDelete(this)'></td>");
                }
                td.appendTo(tr);//将创建好的td添加到tr中去
            }
            tr.appendTo($("tbody"));//将tr添加到tbody中去


        }


        //
        // function doRemove(){
        //     $("tbody tr:last").remove();
        // }
        // function doReplace(){
        //     $("tbody tr:eq(2)").replaceWith($("<tr><td colspan='5'>我是一个跨5列的行</td><td><input type='button' value='删除' onclick='doDelete(this)'></td></tr>"));
        // }
        // function doClone(){
        //     $("tbody tr:eq(2)").clone(true).appendTo($("tbody"));
        // }
        // function doDelete(obj){
        //     $(obj).parent().parent().remove();
        // }
    </script>
</head>
<body>
    <input type="button" value="添加一行" onclick="doAdd()">
    <input type="button" value="删除一行" onclick="doRemove()">
    <input type="button" value="替换第三行" onclick="doReplace()">
    <input type="button" value="克隆第三行" onclick="doClone()">
    <table border="1px" width="500px">
        <thead>
            <tr>
                <th>th01</th>
                <th>th02</th>
                <th>th03</th>
                <th>th04</th>
                <th>th05</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody align="center">

        </tbody>
    </table>
</body>
</html>